$(function() {
	fetch('./admin/list.do?type=json', {credentials: 'same-origin'})
		.then(function(res) {
			return res.json()
		})
		.then(function(articles) {
			var $ul = $('#list-articles')
			articles.forEach(function(art) {
				$ul.append('<li class="list-group-item">' +
						'<h3>' + art.title + '</h3>' +
						'<p>' + art.content + '</p>' +
						'<button data-id="' + art.id + '">删除</button>' +
				'</li>')
			})
		})
		.then(function() {
			$('#list-articles li button').on('click', function() {
				var $self = $(this)
				fetch('./del.do?ajax=true&id=' + $self.data('id'))
					.then(function(res) {
						return res.json()
					})
					.then(function(obj) {
						if(obj.ok === 1) {
							$self.parent('li').remove()
						}
					})
					.catch(function(err) {
						alert(err)
					})
			})
		})
})